Arcades Apes Web-Page Design 🕹️🐒
As a UX/UI designer, I was offered an opportunity to create web page design for the Arcades Apes, London's Newest Retro Gaming & Cocktail Bar that acts as a bridge to get people curious about crypto and NFTs.
Problem:
The company doesn't have a web page to build trust with, provide the information necessary, or spark curiosity in potential visitors.
Solution:
The solution involves designing a uniquely styled promotional page.
Objective:
An engaging online presence that effectively showcases the Arcade Apes' offering and reflecting a retrospective on the captivating world of retro gaming.
Research
Target Audience
Web3 and crypto curious, gamers
Age: millennials, 28-43 years
Backgrounds: digital natives
Other interests: digital art, tech
Age: millennials, 28-43 years
Backgrounds: digital natives
Other interests: digital art, tech
Goals: find a resonating bar to spend a time out and plan a visit
Analogous
Low-fi wireframing
User tasks:
• Learn about the bar features including games available/menu and prices/events/art
• Insure the address convenience
• Check social media
• Book a visit
Design
The core design objective is to unite two distinctive mood elements:
• The sleek and modern aesthetics of NFT
• A nostalgic nod to the captivating world of retro gaming
Styles chosen:
• Brand Colours – Arcade Machines Neon Colour Palette
• Design style inspiration – Outrun aesthetics
• Design means – Dark-theme, Geometry, Glowing effects, Exaggerated Typography
• Design means – Dark-theme, Geometry, Glowing effects, Exaggerated Typography
Moodboard
Initial design prototype
User Testing
5-second test
The majority of focus group participants described the initial design impression as retro, which was in line with the intended design objectives. However, nearly half of the respondents felt that the design was not as creative and appealing, indicating the need for further improvements.
User feedback
From the user feedback on the page, they particularly liked the links to Vapourware stylistic, the dark theme, and triangular shapes but felt that the overall design was rather restrained, and the the visuals were not very appealing.
Design Revision
Moodboard continuation
Main Screen Design Further Exploration
The main idea was to incorporate more retro-inspired graphics and colours to create a more open and playful tone to the site, while still adhering to modern design trends and conventions.
Design Prototype Update
Validation
Stakeholders feedback
Positive feedback and valuable guidance throughout the iterative design process from William Deng, a lead UX/UI designer in the fintech industry, mentor and project collaborator.
User feedback
Users gave positive feedback on the final design, describing it as creative and appealing, both modern and retro, making them want to have a drink and play some games.
Results
The work on the design was well received and the design was then developed by me in Framer with mobile adaptive and animations and is now live: 🔗https://arcadeapes.framer.website/, bringing joy and inspiration to its visitors.
Thank you for taking the time to explore this project. If you found it valuable, I would greatly appreciate a thumbs up. Your support and feedback are truly appreciated! If you have any questions, you can reach out to me via my LinkedIn profile or by mail.
